<!DOCTYPE html>
<html>
<head xmlns:th="http://www.thymeleaf.org">
    <meta charset="UTF-8">
    <title>首页</title>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <!-- 引入组件库 -->
    <script src="../js/vue.js"></script>
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <script src="../js/jquery-3.3.1.min.js"></script>
    <link rel="stylesheet" href="../css/index.css">
    <style>

    </style>
</head>
<body>
    <div id="app">
        <el-container>
            <el-header></el-header>
            <el-container>
                <el-aside width="220px">
                    <el-menu style="border-right: 0">
                        <el-submenu index="1">
                            <template slot="title">
                                <i class="el-icon-menu"></i>
                                <span slot="title">用品管理</span>
                            </template>
                            <el-menu-item-group>
                                <el-menu-item index="1-1" @click="open('supplies/goods.html')">用品信息</el-menu-item>
                                <el-menu-item index="1-2" @click="open('supplies/classify.html')">用品分类</el-menu-item>
                            </el-menu-item-group>
                        </el-submenu>
                        <el-submenu index="2">
                            <template slot="title">
                                <i class="el-icon-menu"></i>
                                <span slot="title">购买申请</span>
                            </template>
                            <el-menu-item-group>
                                <el-menu-item index="2-1" @click="open('purchaseApply/ExamineFlowDetail.html')">购买审批</el-menu-item>
                                <el-menu-item index="2-2" @click="open('purchaseApply/purchaseApplysq.html')">购买申请</el-menu-item>
                            </el-menu-item-group>
                        </el-submenu>
                        <el-submenu index="3">
                            <template slot="title">
                                <i class="el-icon-menu"></i>
                                <span slot="title">领用申请</span>
                            </template>
                            <el-menu-item-group>
                                <el-menu-item index="3-1" @click="open('receiveApply/receiveApply.html')">领用申请</el-menu-item>
                                <el-menu-item index="3-2" @click="open('receiveApply/receiveApplyDetail_audit.html')">领用审批</el-menu-item>
                            </el-menu-item-group>
                        </el-submenu>
                        <el-submenu index="4">
                            <template slot="title">
                                <i class="el-icon-menu"></i>
                                <span slot="title">经费设置</span>
                            </template>
                            <el-menu-item-group>
                                <el-menu-item index="4-1" @click="open('deptfunds/deptfunds.html')">部门信息</el-menu-item>
                            </el-menu-item-group>
                        </el-submenu>
                    </el-menu>
                </el-aside>
                <el-main>
                    <iframe :src="iframeSrc"></iframe>
                </el-main>
            </el-container>
        </el-container>
    </div>
</body>
<script>
    new Vue({
        el: "#app",
        data: {
            iframeSrc: ""
        }, methods: {
            open(src){
                this.iframeSrc = src;
            }
        }
    })
</script>
</html>